<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>办卡评估</title>

    <!-- styles here -->
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/Public_CSS.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>

    <div class="card-assess-page">
        <div class="banner-back">
            <span onclick="window.history.back()">
                <i>返回</i>
            </span>办卡评估
        </div>
        <div class="scroll-y">
            <div class="education">
                <h1 class="assess-title">学历</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">初中</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">中专</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">专科</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">本科及以上</a>
                    </li>
                </ul>
            </div>
            <div class="house">
                <h1 class="assess-title">住房性质</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">全款商品房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">按揭商品房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">拆迁安置房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">宅基地自建房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="4">购地自建房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="5">租房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="6">单位住房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="7">亲戚住房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="8">厂房住房</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="9">其他</a>
                    </li>
                </ul>
            </div>
            <div class="credit">
                <h1 class="assess-title">信用卡信息</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">无信用卡</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">有单张信用卡</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">有三张以下信用卡</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">有三张以上信用卡</a>
                    </li>
                </ul>
            </div>
            <div class="next">
                <a onclick="next()" class="btn btn-red">下一步</a>
            </div>
        </div>
    </div>

    <!-- scripts here -->
    <script type="text/javascript" src="../js/main.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script>
        $(function () {
            $(".education li a").click(function () {
                $(".education li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("edu", $(this).attr("value"));
            });
            $(".house li a").click(function () {
                $(".house li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("house", $(this).attr("value"));
            });
            $(".credit li a").click(function () {
                $(".credit li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("card", $(this).attr("value"));
            });
        });

        function next() {
            window.location.href = "bkpg.html";
        }
    </script>

</body>

</html>